<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网上申报第四步</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../css/app.css">
		<style>
			html,body{background-color: #fff;}
			.mui-content{position:absolute;/*height:100%;*/padding:0;top:0;left:0;width:7.5rem;background:#fff;}
	       /*主内容*/
	       .four_top{background:#1753fc;width:100%;height:1.2rem;text-align:center;}
	       .four_top>img{width:.46rem;height:.46rem;margin:.2rem auto .08rem auto;}
	       .four_top>p{font-size:.32rem;text-align:center;width:100%;color:#fff;}
	       .bian{width:100%;}
	       .four_cont{width:6.25rem;overflow:hidden;margin:.65rem auto 0 auto;}
	       .four_cont>h5{font-size:.30rem;width:100%;float:left;line-height:.55rem;color:#333;}
	       .four_cont>p{font-size:.28rem;line-height:.35rem;color:#333;}
	       .workNum{width:6.5rem;overflow:hidden;margin:.4rem auto;background:#f4f4f4;border-radius:2rem;height:.9rem;line-height:.95rem;}
           .workNum>label{float:left;margin-left:.35rem;font-size:.28rem;color:#333;}
           .workNum>span{width:3.75rem;text-align:right;overflow:hidden;white-space:nowrap;font-size:.28rem;color:#999;float:left;}
           .workNum>a{font-size:.28rem;text-align:center;width:1.2rem;float:left;}
           /*温馨提示*/
           .prompt{width:6.45rem;margin:1.3rem auto 0 auto;background:#fffbf2 url(../../../images/work/tx.png) no-repeat;background-position:.82rem -.1rem;background-size:.52rem .52rem;padding:.3rem .45rem;border-radius:.04rem;}
           .prompt>h4{font-size:.32rem;color:#7f5801;line-height:.3rem;width:100%;text-align:center;margin-bottom:.2rem}
           .prompt>p{font-size:.28rem;color:#666;line-height:.38rem;margin:0;}
		</style>
	</head>

	<body>
		<!--公共头部-->
		<div class="mui-bar mui-bar-nav" id="header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">网上申报</h1>
		</div>
		<div class="mui-content" id="content">
			<div class="four_top">
				<img src="../../../images/work/sucess.png">
				<p>申报完成</p>
			</div>
			<img class="bian" src="../../../images/work/bian.png">
			<div class="four_cont">
				<h5>尊敬的用户：</h5>
				<p>您好，您申请的<span id="serviceName"></span>办件已经申请成功</p>
			</div>
		    <!--办件编号-->
		    <div class="workNum">
		    	<label>办件编号</label>
		    	<span id="caseNum"></span>
		    	<a id="copy" class="blue mui-hidden">复制</a>
		    </div>
		  <!--温馨提示-->
		   <div class="prompt">
		   	 <h4>温馨提示</h4>
		   	 <p>您好， 请通过app“我的”栏目以及关注微信公众号实时查询办件进度，有任何疑问欢迎致电12345统一政务热线。</p>
		   </div>
		  
		</div>
		<script type="text/javascript">
			var my_immersed = function(immersed) {
				document.getElementById("header").style.paddingTop = immersed + 'px';
				document.getElementById("header").style.height = (immersed + 44)+'px';
				document.getElementById("content").style.paddingTop = (immersed + 44) + 'px';
			}
		</script>
		<script type="text/javascript" src="../../../js/immersed.js" ></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/jquery2.2.4.min.js"></script>
		<script type="text/javascript" src="../../../js/common.js"></script>
		<script type="text/javascript" src="../../../js/app.js" ></script>
		<script>
			(function(mui,$){
				mui.init();
				mui.plusReady(function(){
					mui.back = function(){
						plus.webview.currentWebview().hide();
						plus.webview.currentWebview().close();
					}
					//关闭 之前的页面
					plus.webview.getWebviewById('netCase/caseRegStep1') && plus.webview.getWebviewById('netCase/caseRegStep1').close() ;
					plus.webview.getWebviewById('netCase/caseRegStep2') && plus.webview.getWebviewById('netCase/caseRegStep2').close() ;
					plus.webview.getWebviewById('netCase/caseRegStep3').close();
					
					plus.webview.currentWebview().show();
					var caseOid = plus.webview.currentWebview().caseOid;
					var serviceId = plus.webview.currentWebview().serviceId;
					var caseNum = plus.webview.currentWebview().caseNum;
					$("#caseNum").text(caseNum);
					var userId = getUserId();
					getBaseInfo(userId,serviceId);
					
				})
				//复制
				document.getElementById("copy").addEventListener('tap',function(){
					
				})
				var getBaseInfo = function(userId,serviceId){
					var data = localStorage.getItem(userId+"-"+serviceId)
						?JSON.parse(localStorage.getItem(userId+"-"+serviceId)):null;
					if(data){
						var service = data.service;
						$("#serviceName").text(service.serviceName);
					}
				}
			}(mui,jQuery))
		</script>
	</body>

</html>
